import { CydonElement, define } from 'cydon'

/**
 * @element c-pagination
 * 分页器
 */
@define('c-pagination')
export class CPagination extends CydonElement {
	/** 每页条目数 */
	perPages = [5, 10, 20, 50, 100]
	perPage = 10
	/** 当前页码 */
	pageNum = 1
	/** 总条目数 */
	total = 0

	/** 总页数 */
	get totalPage() {
		return Math.ceil(this.total / this.perPage)
	}
}

declare global {
	interface HTMLElementTagNameMap {
		'c-pagination': CPagination
	}
}